<!DOCTYPE html>
<html lang="en">
<head>

	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<title>巴蜀茶馆</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Bootstrap CSS
   ================================================== -->
	<link rel="stylesheet" href="css/bootstrap.min.css">

	<!-- Animate CSS
   ================================================== -->
	<link rel="stylesheet" href="css/animate.min.css">

	<!-- Font Icons
   ================================================== -->
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/et-line-font.css">

	<!-- Nivo Lightbox CSS
   ================================================== -->
	<link rel="stylesheet" href="css/nivo-lightbox.css">
	<link rel="stylesheet" href="css/nivo_themes/default/default.css">

	<!-- Owl Carousel CSS
   ================================================== -->
   	<link rel="stylesheet" href="css/owl.theme.css">
	<link rel="stylesheet" href="css/owl.carousel.css">

	<!-- BxSlider CSS
   ================================================== -->
   	<link rel="stylesheet" href="css/jquery.bxslider.css">

   	<!-- Main CSS
   	================================================== -->
	<link rel="stylesheet" href="css/style.css">

	
</head>

<body data-spy="scroll" data-target=".navbar-collapse" data-offset="50">


<!-- Preloader section
================================================== -->
<section  class="preloader">

	<div class="sk-rotating-plane"></div>

</section>
<!-- 加载方块动画 -->

<!-- Navigation section
================================================== -->
<section class="navbar navbar-fixed-top custom-navbar" role="navigation">
	<div class="container">

		<div class="navbar-header">
			<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="icon icon-bar"></span>
				<span class="icon icon-bar"></span>
				<span class="icon icon-bar"></span>
			</button>
			<a href="#home" class="smoothScroll navbar-brand">巴蜀茶馆</a>
		</div>
		<div class="collapse navbar-collapse">
			<ul class="nav navbar-nav navbar-right">
				<li><a href="#home" class="smoothScroll">首页</a></li>
				<li><a href="#work" class="smoothScroll">游戏介绍</a></li>
				<li><a href="#about" class="smoothScroll">赛事公告</a></li>
				<li><a href="#team" class="smoothScroll">代理招募</a></li>
				<li><a href="#portfolio" class="smoothScroll">新闻中心</a></li>
				<li><a href="#plan" class="smoothScroll">关于我们</a></li>
			</ul>
		</div>

	</div>
</section>


<!-- banner section
================================================== -->
<div id="home">
	<div class="site-slider">
        <ul class="bxslider">
			<li>
                <img src="images/slider/slide1.jpg" alt="slider image 1">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="slider-caption">
                                <h2>Plan your trip</h2>
                                <p class="color-white">Fusce elementum nisi et magna tristique, ut facilisis magna dapibus.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <img src="images/slider/slide2.jpg" alt="slider image 2">
                <div class="container caption-wrapper">
                    <div class="slider-caption">
                        <h2>Bootstrap Layout</h2>
                        <p class="color-white">Pellentesque mollis purus ipsum. Fusce tristique ante et est placerat dignissim.</p>
                    </div>
                </div>
            </li>
            <li>
                <img src="images/slider/slide3.jpg" alt="slider image 3">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="slider-caption">
                                <h2>Mobile Ready</h2>
                                <p class="color-white">You may modify any content section as you wish.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <img src="images/slider/slide4.jpg" alt="slider image 4">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="slider-caption">
                                <h2>Responsive Theme</h2>
                                <p class="color-white">Phasellus ultrices, nunc et tempus porta, tellus purus elementum.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <img src="images/slider/slide5.jpg" alt="slider image 5">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="slider-caption">
                                <h2>Download it FREE!</h2>
                               <p class="color-white">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul> 
    </div> <!-- /.site-slider -->
</div>

<!-- game description
================================================== -->
<section id="work" class="parallax-section">
	<div class="container">
		<div class="row">
			<!-- Section title
			================================================== -->
			<div class="col-md-offset-2 col-md-8 col-sm-offset-2 col-sm-8">
				<div class="section-title">
					<h4 class="wow bounceIn">新闻中心</h4>
				</div>
			</div>
			<!-- Section content -->
			<div class="col-md-12 col-sm-12 col-xs-12 newsitem">
				<div class="col-md-3 col-sm-3 col-xs-12">
					<div class="grid">
						<img src="images/portfolio-img5.jpg" class="img-responsive" alt="news">
					</div>
				</div>
				<div class="col-md-9 col-sm-9 col-xs-12">
					<div class="grid">
						<h4 class="text-left">新闻要事</h4>
						<p class="text-left">2018/8/8 15：47</p>
						<p class="text-left matchdesc">巴蜀茶馆，不仅可以玩牌，还可以撩妹。玩牌过程中，发现心动的男生/女生，可以添加为好友，继续发展关系；也可邀请附近的好友一起玩牌，扩展人脉圈。女生，可以添加为好友，继续发展关系；也可邀请附近的好友一起玩牌，扩展人脉圈。女生，可以添加为好友，继续发展关系；也可邀请附近的好友一起玩牌，扩展人脉圈。女生，可以添加为好友，继续发展关系；也可邀请附近的好友一起玩牌，扩展人脉圈。女生，可以添加为好友，继续发展关系；也可邀请附近的好友一起玩牌，扩展人脉圈。女生，可以添加为好友，继续发展关系；也可邀请附近的好友一起玩牌，扩展人脉圈。</p>
						<div class="showmore">查看详情</div>
					</div>
				</div>
			</div>
			<div class="col-md-12 col-sm-12 col-xs-12 newsitem">
				<div class="col-md-3 col-sm-3 col-xs-12">
					<div class="grid">
						<img src="images/portfolio-img5.jpg" class="img-responsive" alt="news">
					</div>
				</div>
				<div class="col-md-9 col-sm-9 col-xs-12">
					<div class="grid">
						<h4 class="text-left">新闻要事</h4>
						<p class="text-left">2018/8/8 15：47</p>
						<p class="text-left">巴蜀茶馆，不仅可以玩牌，还可以撩妹。玩牌过程中，发现心动的男生/女生，可以添加为好友，继续发展关系；也可邀请附近的好友一起玩牌，扩展人脉圈。</p>
						<div class="showmore">查看详情</div>
					</div>
				</div>
			</div>
			<div class="col-md-12 col-sm-12 col-xs-12 newsitem">
				<div class="col-md-3 col-sm-3 col-xs-12">
					<div class="grid">
						<img src="images/portfolio-img5.jpg" class="img-responsive" alt="news">
					</div>
				</div>
				<div class="col-md-9 col-sm-9 col-xs-12">
					<div class="grid">
						<h4 class="text-left">新闻要事</h4>
						<p class="text-left">2018/8/8 15：47</p>
						<p class="text-left">巴蜀茶馆，不仅可以玩牌，还可以撩妹。玩牌过程中，发现心动的男生/女生，可以添加为好友，继续发展关系；也可邀请附近的好友一起玩牌，扩展人脉圈。</p>
						<div class="showmore">查看详情</div>
					</div>
				</div>
			</div>
			<div class="col-md-12 col-sm-12 col-xs-12 newsitem">
				<div class="col-md-3 col-sm-3 col-xs-12">
					<div class="grid">
						<img src="images/portfolio-img5.jpg" class="img-responsive" alt="news">
					</div>
				</div>
				<div class="col-md-9 col-sm-9 col-xs-12">
					<div class="grid">
						<h4 class="text-left">新闻要事</h4>
						<p class="text-left">2018/8/8 15：47</p>
						<p class="text-left">巴蜀茶馆，不仅可以玩牌，还可以撩妹。玩牌过程中，发现心动的男生/女生，可以添加为好友，继续发展关系；也可邀请附近的好友一起玩牌，扩展人脉圈。</p>
						<div class="showmore">查看详情</div>
					</div>
				</div>
			</div>
			<div class="nomore text-center">没有更多了</div>
			<div class="placeholder"></div>
			<div id="backtop">返回顶部</div>
		</div>
	</div>
</section>




<!-- Footer section
================================================== -->
<footer>
	<div class="container">
		<div class="row">
			<div class="col-md-12 col-sm-12">
				<div class="col-sm-5 col-xs-12">
					<div class="col-sm-5">
						<div class="qrcode">
							<img src="images/ftf.png" alt="#">
						</div>
					</div>
					<div class="col-sm-5">
						<h3>巴蜀茶馆</h3>
						<div class="download">立即下载</div>
					</div>
				</div>	
				<div class="col-sm-7 col-xs-12">
					<p>邮箱：scqgkj@126.com</p>
					<p>业务咨询：15775969986  招聘：scqgkj@126.com</p>
					<p>地址：宜宾市翠屏区蜀南大道西段28号</p>
				</div>
				<div class="placeholder"></div>	
				<p class="text-center">ICP经营许可证编号：川B2-20180177;文网文编号：川网文[2018]4384-134号</p>
			</div>
		</div>
	</div>
</footer>


<!-- Javascript 
================================================== -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/nivo-lightbox.min.js"></script>
<script src="js/jquery.easing-1.3.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.parallax.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/custom.js"></script>

</body>
</html>